前言

google雲端是近年來常用來共享資料與傳輸的工具，尤其是疫情開始遠距教學風潮，老師們往往說：我把我的教材放在雲端上了。

但是這些都是共享的！我們可不可以自己建一個雲端儲存的App呢？這份實作中，我會從最初步的建立一個網頁、放上檔案、連接firebase資料庫逐步嘗試。

今日實作與概念

開始這個project，與之前兩個project差不多，大概要做這幾件事：
-建立firebase
-用npx create-react-app storage-firebase-app 的command line完成專案建立
-開一個firebase.js放config，同時刪除App.test.js、logosvg、reportWebVital.js以及setupTests.js
-將用到刪除的檔案的地方改掉
-以初始化頁面做App.js，今天可以只用h1描述就好

總之，目前的進度做到這裡。

完整code

// index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

// 這裡刪掉了reportWebVital

// App.js
import './App.css';

function App() {
  return (
    <div className="App">
      <h1>storage app react</h1>
    </div>
  );
}

export default App;

// firebase.js
const firebaseConfig = {

    apiKey:{your key},

    authDomain: {your auth},

    projectId: {your projectID},

    storageBucket: {your Bucket},

    messagingSenderId: {your messaging sender ID},

    appId: {your appID}

};